<template>
	<div class="level">
		<div class="title">
			推广级别
		</div>
		<table border=0 >
			<tr><th>级别</th><th>下线交易<br />用户数量</th><th>交易提成<br />佣金比例</th><th>下线<br />有效期</th></tr>
			<tr>
				<td>普通推广员</td>
				<td><=9人</td>
				<td>0.01%</td>
				<td>半年</td>
			</tr>
			<tr>
				<td>金牌推广员</td>
				<td>10-49人</td>
				<td>0.03%</td>
				<td>一年</td>
			</tr>
			<tr>
				<td>钻石推广员</td>
				<td>>=50</td>
				<td>0.05%</td>
				<td>两年</td>
			</tr>
		</table>
	</div>
</template>

<script>
</script>

<style lang="less" scoped>
@import '../../less/config.less';
	.level{
		border-top:@fsize solid #0c101c;
		color:white;
		margin-top:@fsize;
		padding:0 @p30;
		margin-bottom:@fsize ;
		.title{
			font-size: @f28;
			color: white;
			
		}
		table{
			width: 100%;
			font-size: @f24;
			line-height: 1.8*@f24;
			border-collapse: collapse;
			tr{
				th{
					color: #56627c;
					vertical-align:center;
				}
				td,th{
					text-align: center;
					border:#ccc solid 1px;
				}
			}
		}
	}
	
</style>